.message-im {  min-height: 500px; }

.message-im .im-emoticon { margin-right: 20px; font-size: 30px; color: #666; vertical-align: middle; line-height: 30px; }
.message-im.show { }
.message-im .message-im-list { position: relative; z-index: 11; background-color: #2e3238; width: 100%; height:100%; overflow-y: auto; }
.message-im .message-im-list ul { margin: 0; padding: 0; list-style: none; }
.message-im .message-im-list ul li a { padding: 10px; display: block; color: #FFF; overflow: hidden; }
.message-im .message-im-list ul li a:hover { background-color: #566a7d;}
.message-im .message-im-list ul li a.current { background-color: #718ca7; }
.message-im .message-im-list ul li .thumb { float: left; width: 30px; height: 30px; }
.message-im .message-im-list ul li .im-body { margin-left: 40px; height: 30px; line-height: 30px; }
.message-im .message-im-list ul li .im-body span { margin-top: 6px; font-size: 12px; }
.message-im .message-im-section { z-index: 10;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); top: 0;  bottom: 0;  background-color: #FFF; border-left: 1px solid #DDD; }
/*.message-im .message-im-section { right: -120px; }*/
.message-im .message-im-section.show { right: 250px; }
.message-im .im-msg-title {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); height: 40px; background-color: #6bb4f7; line-height: 40px; text-align: center; color: #FFF; font-size: 16px;position: absolute;
    left:0;
    right:0;
}
.message-im .im-msg-title span { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; cursor: pointer; font-size: 18px; }
.message-im .im-msg-list { position: absolute; top: 40px; left: 0; bottom: 201px; right: 0; }
.message-im .im-msg-form { border-top: 1px solid #DDD; position: absolute; height: 200px; left: 0; width: 100%; bottom: 0;}
.message-im .im-msg-btn { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #F0F0F0; padding: 10px 15px; }
.message-im .im-msg-textarea { position: absolute; top: 0; left: 0; right: 0; bottom: 50px; padding: 10px; outline: 0; overflow-y: auto;}
.message-im .im-msg-textarea.placeholder:before { content: attr(placeholder); color: #999; }
.message-im .emoticon { position: static; vertical-align: middle; }
.message-im .btn-primary { background-color: #6ab3f6;  border-color: #6ab3f6; }
.message-im .btn-primary:active { background-color: #6ab3f6; border-color: #6ab3f6; }
.message-im .direct-chat-img { border-radius: 3px; }
.message-im .direct-chat-text:after,
.message-im .direct-chat-text:before { border-right-color: #e8edf1; }
.message-im .direct-chat-text span {  border-color: #e8edf1; }
.message-im .right .direct-chat-text:after,
.message-im .right .direct-chat-text:before { border-left-color: #bfe49a; border-right: 0; }
.message-im .right .direct-chat-text span { background-color: #bfe49a; border-color: #bfe49a; }
.message-im .panel { background: none; border: none; }
.message-im .panel-group .panel { border-radius: 0; }
.message-im .panel-default > .panel-heading { border-radius: 0; border-bottom: 1px solid #DDD; padding: 0; }
.message-im .panel-default > .panel-heading a { padding: 10px 15px; display: block; }
.message-im .panel-body { padding: 0; }
.message-im .panel-group .panel+.panel { margin-top: 0; }
.message-im .panel-group .collapsed .fa-chevron-up:before { content:"\f078"; }


/*#profile, #myTabContent{*/
    /*height:100%;*/
/*}*/
/*#profile div{*/
    /*height:100%;*/
/*}*/